<template>
  <div>
    <div class="content">
      <!--高危评估-->
      <div style="width: 100%">
        <div class="bname" ref="block0">高危评估</div>
        <!--        <div style="color:red;margin-top: 1%;font-size: 14px">新的、严重的药品ADR应当在15日内报告，其中导致死亡的须立即报告；其他药品ADR应当在30日内报告。</div>-->
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="basicform1" :model="basicForm" label-width="140px">
            <el-form-item label="评估时间" prop="ulcersEvaluationTime">
              <el-date-picker
                v-model="basicForm.ulcersEvaluationTime"
                type="datetime"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="评估分值" prop="ulcersEvaluateScore" style="width: 600px">
              <el-input v-model="basicForm.ulcersEvaluateScore" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="压力性损伤风险评估工具" prop="ulcersAssessmentTools"
                          :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersAssessmentTools" onclick="return false">
                <el-radio label="01">Braden评分表</el-radio>
                <el-radio label="02">Norton评分表</el-radio>
                <el-radio label="03">Waterlow评分表</el-radio>
                <el-radio label="04">braden-Q评分表</el-radio>
                <el-radio label="05">其他</el-radio>
                <el-radio label="06">未评估</el-radio>
              </el-radio-group>
            </el-form-item>
            <div v-show="basicForm.ulcersAssessmentTools== '其他'">
              <el-form-item label="评估分值" prop="ulcersEvaluateScore" style="width: 600px">
                <el-input v-model="basicForm.ulcersEvaluateScore" readonly="true"></el-input>
              </el-form-item>
            </div>
            <el-form-item label="入病区时是否进行压力性损伤风险评估" prop="ulcersRiskAssessment"
                          :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersRiskAssessment" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="最近1次压力性损伤风险评估距离发现" prop="ulcersEvaluateDiscovery"
                          :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersEvaluateDiscovery" onclick="return false">
                <el-radio label="01">小于24小时</el-radio>
                <el-radio label="02">1天</el-radio>
                <el-radio label="03">2天</el-radio>
                <el-radio label="04">3天</el-radio>
                <el-radio label="05">4天</el-radio>
                <el-radio label="06">5天</el-radio>
                <el-radio label="07">6天</el-radio>
                <el-radio label="08">1周</el-radio>
                <el-radio label="09">1周前</el-radio>
                <el-radio label="10">不确定</el-radio>
                <el-radio label="11">未评估</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="采取防范措施" prop="ulcersPrecautions">
              <el-checkbox-group v-model="checkList" onclick="return false">
                <el-checkbox label="01">无</el-checkbox>
                <el-checkbox label="02">1.床头挂“防压疮”警示标识</el-checkbox>
                <el-checkbox label="03">2.保持床单，衣物及皮肤清洁，干燥</el-checkbox>
                <el-checkbox label="04">3.给予减压用具</el-checkbox>
                <el-checkbox label="05">4.加强翻身</el-checkbox>
                <el-checkbox label="06">5.理疗</el-checkbox>
                <el-checkbox label="07">6.换药</el-checkbox>
                <el-checkbox label="08">7手术治疗</el-checkbox>
                <el-checkbox label="09">8.加强营养</el-checkbox>
                <el-checkbox label="10">9.严格交接班制度，每班进行皮肤评估，必要时做好记录</el-checkbox>
                <el-checkbox label="11">10.其他</el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <!--            <div v-show="form.drugReaction2== '其他'">
                          <el-form-item label="其他" style="width: 600px">
                            <el-input v-model="form.undesc"></el-input>
                          </el-form-item>
                        </div>-->
          </el-form>
        </div>
      </div>

      <!--压疮事件-->
      <div style="width: 100%">
        <div class="bname" ref="block1" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          压疮事件
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="basicform2" :model="basicForm" label-width="140px">
            <el-form-item label="身高" style="width: 700px" prop="ulcersHeight"
                          :rules="[{required: true}]">
              <div style="display: flex">
                <el-input v-model="basicForm.ulcersHeight" :readonly="true"></el-input>
                <span style="margin-left:10px; float:right;  font-weight:bolder;width: 110px">cm</span>
              </div>
            </el-form-item>
            <el-form-item label="体重" style="width: 700px" prop="ulcersWeight"
                          :rules="[{required: true}]">
              <div style="display: flex">
                <el-input v-model="basicForm.ulcersWeight" :readonly="true"></el-input>
                <span style="margin-left:10px; float:right; font-weight:bolder;width: 110px">kg</span>
              </div>
            </el-form-item>
            <el-form-item label="BMI" style="width: 600px" prop="ulcersBmi">
              <div style="display: flex">
                <el-input v-model="basicForm.ulcersBmi" :readonly="true"></el-input>
                <!--                <span style="margin-left:10px; float:right; font-weight:bolder;width: 110px">kg</span>-->
              </div>
            </el-form-item>
            <el-form-item label="血红蛋白" style="width: 700px" prop="ulcersHaemoglobin">
              <div style="display: flex">
                <el-input v-model="basicForm.ulcersHaemoglobin" :readonly="true"></el-input>
                <span style="margin-left:10px; float:right; font-weight:bolder;width: 110px">g/L</span>
              </div>
            </el-form-item>
            <el-form-item label="白蛋白" style="width: 700px" prop="ulcersAlbumin">
              <div style="display: flex">
                <el-input v-model="basicForm.ulcersAlbumin" :readonly="true"></el-input>
                <span style="margin-left:10px; float:right; font-weight:bolder;width: 110px">g/L</span>
              </div>
            </el-form-item>
            <el-form-item label="是否水肿" prop="ulcersDropsy">
              <el-radio-group v-model="basicForm.ulcersDropsy" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="压疮类型" prop="ulcersPressureType" :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersPressureType" onclick="return false">
                <el-radio label="01">预期压疮</el-radio>
                <el-radio label="02">非预期压疮</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="压疮何时发生" prop="ulcersTimeOccurrence" :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersTimeOccurrence" onclick="return false">
                <el-radio label="01">患者入院前已有压疮</el-radio>
                <el-radio label="02">住院期间发生压疮</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="压疮部位" prop="ulcersPressureUlcerSite" :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersPressureUlcerSite" onclick="return false">
                <el-radio label="01">骶尾椎骨处</el-radio>
                <el-radio label="02">坐骨处</el-radio>
                <el-radio label="03">股骨粗隆处</el-radio>
                <el-radio label="04">跟骨处</el-radio>
                <el-radio label="05">足踝处</el-radio>
                <el-radio label="06">肩胛骨处</el-radio>
                <el-radio label="07">枕骨处</el-radio>
                <el-radio label="08">其它部位</el-radio>
              </el-radio-group>
            </el-form-item>
            <!--            <div v-show="form.ulcersPressureUlcerSite== '其他'" :rules="[{required: true, message: '其他不能为空'}]">
                          <el-form-item label="其他" style="width: 600px">
                            <el-input v-model="form.undesc"></el-input>
                          </el-form-item>
                        </div>-->
            <el-form-item label="测量" prop="ulcersMeasurement" style="width: 600px">
              <el-input v-model="basicForm.ulcersMeasurement" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="潜行" prop="ulcersSneak" style="width: 600px">
              <el-input v-model="basicForm.ulcersSneak" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="压疮分期" prop="ulcersPressureStag" :rules="[{required: true}]">
              <el-radio-group v-model="basicForm.ulcersPressureStag" onclick="return false">
                <el-radio label="01">Ⅰ期</el-radio>
                <el-radio label="02">Ⅱ期</el-radio>
                <el-radio label="03">Ⅲ期</el-radio>
                <el-radio label="04">Ⅳ期</el-radio>
                <el-radio label="05">不可分期</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-divider content-position="left">
              <span style=" float:right; color: blue; font-weight:bolder">转归情况</span>
            </el-divider>
            <el-form-item label="病人去向" prop="ulcersPatientGoes">
              <el-radio-group v-model="basicForm.ulcersPatientGoes" onclick="return false">
                <el-radio label="01">住院</el-radio>
                <el-radio label="02">转科</el-radio>
                <el-radio label="03">转院</el-radio>
                <el-radio label="04">自动出院</el-radio>
                <el-radio label="05">出院</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="压疮转归" prop="ulcersPressureOutcome">
              <el-radio-group v-model="basicForm.ulcersPressureOutcome" onclick="return false">
                <el-radio label="01">没有变化</el-radio>
                <el-radio label="02">好转</el-radio>
                <el-radio label="03">愈合</el-radio>
                <el-radio label="04">恶化</el-radio>
                <el-radio label="05">死亡</el-radio>
                <el-radio label="06">其他</el-radio>
              </el-radio-group>
            </el-form-item>

            <!--            <div v-show="form.ulcersPressureOutcome== '其他'" :rules="[{required: true, message: '其他不能为空'}]">
                          <el-form-item label="其他" style="width: 600px">
                            <el-input v-model="form.undesc"></el-input>
                          </el-form-item>
                        </div>-->

            <el-form-item label="转归时间" prop="ulcersTurnaroundTime">
              <el-date-picker
                v-model="basicForm.ulcersTurnaroundTime"
                type="datetime"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="部位数信息收集" prop="ulcersInformationCollection">
              <el-checkbox-group v-model="checkList2" onclick="return false">
                <el-checkbox label="1"><span></span></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <div v-show="basicForm.ulcersInformationCollection=='1'">
              <el-form-item label="入本病区24小时后新发2期及以上院内压力性损伤部位数" prop="ulcersInjuryWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersInjuryWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="2期" prop="ulcersTwoWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersTwoWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="3期" prop="ulcersThreeWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersThreeWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="4期" prop="ulcersFourWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersFourWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="深部组织损伤" prop="ulcersDamageWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersDamageWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="不可分期" prop="ulcersInstallableWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersInstallableWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="粘膜压力性损伤" prop="ulcersMucosalWard" style="width: 600px">
                <el-input v-model="basicForm.ulcersMucosalWard" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="其中，医疗器械相关压力性损伤部位数" prop="ulcersMedicalDamage" style="width: 600px">
                <el-input v-model="basicForm.ulcersMedicalDamage" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="2期" prop="ulcersTwoMedical" style="width: 600px">
                <el-input v-model="basicForm.ulcersTwoMedical" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="3期" prop="ulcersThreeMedical" style="width: 600px">
                <el-input v-model="basicForm.ulcersThreeMedical" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="4期" prop="ulcersFourMedical" style="width: 600px">
                <el-input v-model="basicForm.ulcersFourMedical" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="深部组织损伤" prop="ulcersDamageMedical" style="width: 600px">
                <el-input v-model="basicForm.ulcersDamageMedical" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="不可分期" prop="ulcersInstallableMedical" style="width: 600px">
                <el-input v-model="basicForm.ulcersInstallableMedical" :readonly="true"></el-input>
              </el-form-item>
              <el-form-item label="粘膜压力性损伤" prop="ulcersMucosalMedical" style="width: 600px">
                <el-input v-model="basicForm.ulcersMucosalMedical" :readonly="true"></el-input>
              </el-form-item>
            </div>

          </el-form>

        </div>
      </div>


      <!--事件情况描述-->
      <div style="width: 100%">
        <div class="bname" ref="block2" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件情况描述
        </div>
        <!--        <div style="color:blue;margin-top: 1%;font-size: 14px">怀疑药品</div>-->
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm1" :model="reportForm" label-width="140px">
            <el-form-item label="事件描述或事件经过" prop="situationEdescriptionProcess"
                          :rules="[{required: true}]" style="width: 600px">
              <el-input type="textarea" :rows="5" v-model="reportForm.situationEdescriptionProcess" resize="none"
                        placeholder="请输入内容" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="事件发生时是否采取处理措施" prop="situationMeasuresEvent"
                          :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.situationMeasuresEvent" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <div v-if="reportForm.situationMeasuresEvent==='01'">
            <el-form-item label="采取的处理措施" prop="situationTakenMeasures">
              <el-input type="textarea" :rows="5" v-model="reportForm.situationTakenMeasures" resize="none"
                        placeholder="请输入内容" :readonly="true"></el-input>
            </el-form-item>
            </div>
          </el-form>

        </div>
      </div>

      <!--患者资料-->
      <div style="width: 100%">
        <div class="bname" ref="block3" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">患者资料
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm2" :model="reportForm" label-width="140px">
            <el-form-item label="是否涉及患者" prop="patientInvolved" :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.patientInvolved" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="诊断类别" prop="patientDiagnosisCategory" :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.patientDiagnosisCategory" onclick="return false">
                <el-radio label="01">急诊</el-radio>
                <el-radio label="02">门诊</el-radio>
                <el-radio label="03">住院</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="病历号/门诊号" prop="patientRecordOutpatient" style="width: 600px"
                          :rules="[{required: true}]">
              <el-input v-model="reportForm.patientRecordOutpatient" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="姓名" prop="patientName" style="width: 600px"
                          :rules="[{required: true}]">
              <el-input v-model="reportForm.patientName" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="性别" prop="patientGender" :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.patientGender" onclick="return false">
                <el-radio label="01">男</el-radio>
                <el-radio label="02">女</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="出生日期" prop="patientDateOfBirth">
              <el-date-picker
                v-model="reportForm.patientDateOfBirth"
                type="date"
                placeholder="选择日期"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="年龄" prop="patientAge" style="width: 600px">
              <el-input v-model="reportForm.patientAge" :readonly="true"></el-input>
            </el-form-item>
            <!--            <el-form-item label=" ">
                          <el-radio-group v-model="form.bgPeoplepjia">
                            <el-radio label="01">岁</el-radio>
                            <el-radio label="02">月</el-radio>
                            <el-radio label="03">天</el-radio>
                            <el-radio label="04">小时</el-radio>
                          </el-radio-group>
                        </el-form-item>-->
            <el-form-item label="年龄阶段" prop="patientAgeStage">
              <div>
                <dict-tag style="font-size: 15px;color: #dd524d" :options="dict.type.he_patient_age_grades"
                          :value="reportForm.patientAgeStage"/>
              </div>
            </el-form-item>
            <el-form-item label="家属联系电话" prop="patientContact" style="width: 600px" :rules="[{required: true}]">
              <el-input v-model="reportForm.patientContact" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="入院就诊时间" prop="patientAdmissionTime">
              <el-date-picker
                v-model="reportForm.patientAdmissionTime"
                type="datetime"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="科室" prop="patientDepartment">
              <div>
                <dict-tag style="font-size: 15px;color: #dd524d" :options="dict.type.he_department_name"
                          :value="reportForm.patientDepartment"/>
              </div>
            </el-form-item>
            <el-form-item label="床号" style="width: 600px" prop="patientBedNumber">
              <el-input v-model="reportForm.patientBedNumber" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="护理级别" prop="patientNursingLevel">
              <el-radio-group v-model="reportForm.patientNursingLevel" onclick="return false">
                <el-radio label="01">特级护理</el-radio>
                <el-radio label="02">Ⅰ级护理</el-radio>
                <el-radio label="03">Ⅱ级护理</el-radio>
                <el-radio label="04">Ⅲ级护理</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="文化程度" prop="patientEducationLevel">
              <el-radio-group v-model="reportForm.patientEducationLevel" onclick="return false">
                <el-radio label="01">研究生</el-radio>
                <el-radio label="02">大学本科</el-radio>
                <el-radio label="03">大学专科</el-radio>
                <el-radio label="04">中专（中技）</el-radio>
                <el-radio label="05">高中</el-radio>
                <el-radio label="06">初中</el-radio>
                <el-radio label="07">小学</el-radio>
                <el-radio label="08">文盲</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="诊断(多个诊断之间用逗号隔开)" style="width: 600px" prop="patientDiagnosis">
              <el-input type="textarea" :rows="5" v-model="reportForm.patientDiagnosis" resize="none"
                        placeholder="请输入内容" :readonly="true"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--其他情况-->
      <!--      <div style="width: 100%; margin-left: 8%; margin-top:1%">
              <div class="bname" ref="block4" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">其他情况</div>
              <div class="block" style="margin-top: 0.5%;">
                <el-form ref="form" :model="form" label-width="140px">
      &lt;!&ndash;            <el-form-item label="立即通知" prop="patientInvolved" >
                    <el-checkbox-group v-model="form.jiuImpossible">
                      <el-checkbox label="护士长"></el-checkbox>
                      <el-checkbox label="主管医生"></el-checkbox>
                      <el-checkbox label="值班医生"></el-checkbox>
                      <el-checkbox label="上级主管部门"></el-checkbox>
                      <el-checkbox label="保卫科"></el-checkbox>
                      <el-checkbox label="病人家属及陪护"></el-checkbox>
                      <el-checkbox label="其他"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                  <el-form-item label="病人/家属对该事件反应" prop="patientInvolved" >
                    <el-radio-group v-model="form.bgPeoplejob">
                      <el-radio label="不知情"></el-radio>
                      <el-radio label="知情能理解"></el-radio>
                      <el-radio label="知情无法理解"></el-radio>
                      <el-radio label="知情反应不详"></el-radio>
                      <el-radio label="其他"></el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-form>
              </div>

            </div>-->


      <!--事件基本信息-->
      <div style="width: 100%">
        <div class="bname" ref="block5" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件基本信息
        </div>
        <div class="block" style="margin-top: 0.5%;">

          <el-form ref="reportForm3" :model="reportForm" label-width="140px">
            <el-form-item label="发生时间" prop="occurrenceTime" :rules="[{required: true}]">
              <el-date-picker
                v-model="reportForm.occurrenceTime"
                type="datetime"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="发生日期" prop="occurrenceDate" :rules="[{required: true}]">
              <el-date-picker
                v-model="reportForm.occurrenceDate"
                type="date"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="日期类型" prop="occurrenceDateType">
              <el-radio-group v-model="reportForm.occurrenceDateType" onclick="return false">
                <el-radio label="01">工作日</el-radio>
                <el-radio label="02">周末</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="发生时段" prop="occurrenceTimePeriod">
              <el-radio-group v-model="reportForm.occurrenceTimePeriod" onclick="return false">
                <el-radio label="01">上午(08：00-12：00)</el-radio>
                <el-radio label="02">中午(12：00-14：00)</el-radio>
                <el-radio label="03">下午(14：00-18：00)</el-radio>
                <el-radio label="04">上夜(18：00-00：00)</el-radio>
                <el-radio label="05">下夜(00：00-08：00)</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="发生地点" style="width: 600px" prop="occurrenceLocation">
              <el-input v-model="reportForm.occurrenceLocation" :readonly="true"></el-input>
            </el-form-item>
            <!--上传图片-->
            <el-form-item label="现场照片" prop="images">
              <image-upload :limit="1" v-model="reportForm.occurrenceScenePhotos" :readonly="true"/>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--当事人资料-->
      <div style="width: 100%">
        <div class="bname" ref="block6" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">当事人资料
        </div>
        <!--        <div style="color:blue;margin-top: 1%;font-size: 14px">怀疑药品</div>-->
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm4" :model="reportForm" label-width="140px">
            <el-form-item label="姓名" prop="partyName" style="width: 600px" :rules="[{required: true}]">
              <el-input v-model="reportForm.partyName" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="年龄" style="width: 600px" prop="partyAge">
              <el-input v-model="reportForm.partyAge" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="工作年限" prop="partyYearsOfExperience">
              <el-radio-group v-model="reportForm.partyYearsOfExperience" onclick="return false">
                <el-radio label="01"><1年</el-radio>
                <el-radio label="02">1≤y≤2</el-radio>
                <el-radio label="03">2≤y≤5</el-radio>
                <el-radio label="04">5≤y≤10</el-radio>
                <el-radio label="05">10≤y≤20</el-radio>
                <el-radio label="06">≥20年</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="类别" prop="partyCategory">
              <el-radio-group v-model="reportForm.partyCategory" onclick="return false">
                <el-radio label="01">在编</el-radio>
                <el-radio label="02">聘用</el-radio>
                <el-radio label="03">进修</el-radio>
                <el-radio label="04">实习</el-radio>
                <el-radio label="05">轮转</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="学历" prop="partyEducation">
              <el-radio-group v-model="reportForm.partyEducation" onclick="return false">
                <el-radio label="01">中专</el-radio>
                <el-radio label="02">大专</el-radio>
                <el-radio label="03">本科</el-radio>
                <el-radio label="04">硕士</el-radio>
                <el-radio label="05">其他</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="职务" prop="partyPosition">
              <el-radio-group v-model="reportForm.partyPosition" onclick="return false">
                <el-radio label="01">医疗</el-radio>
                <el-radio label="02">药剂</el-radio>
                <el-radio label="03">护理</el-radio>
                <el-radio label="04">医技</el-radio>
                <el-radio label="05">检验</el-radio>
                <el-radio label="06">工程技术</el-radio>
                <el-radio label="07">行政管理</el-radio>
                <el-radio label="08">后勤保障</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--事件结果-->
      <div style="width: 100%">
        <div class="bname" ref="block7" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件结果</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm5" :model="reportForm" label-width="140px">
            <el-form-item label="纠纷或纠纷隐患可能性" prop="resultsPossibilityDispute"
                          :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.resultsPossibilityDispute" onclick="return false">
                <el-radio label="01">确定有</el-radio>
                <el-radio label="02">可能有</el-radio>
                <el-radio label="03">无</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="事件严重程度" prop="resultsEventSeverity" :rules="[{required: true}]">
              <div>
                <dict-tag style="font-size: 15px;color: #dd524d" :options="dict.type.he_event_severity"
                          :value="reportForm.resultsEventSeverity"/>
              </div>
            </el-form-item>
            <el-form-item label="事件分级" style="width: 600px" prop="resultsEventClassification"
                          :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.resultsEventClassification" onclick="return false">
                <el-radio label="01" style="margin-top: 10px; margin-bottom: 10px">Ⅰ级事件: 发生错误，造成患者死亡 (包括损害程度I级)
                </el-radio>
                <el-radio label="02" style="margin-bottom: 10px">Ⅱ级事件: 发生错误，且造成患者伤害 (包括损害程度E、F、G、H级)</el-radio>
                <el-radio label="03" style="margin-bottom: 10px">Ⅲ级事件: 发生错误，但未造成患者伤害 (包括损害程度B、C、D级)</el-radio>
                <el-radio label="04">Ⅳ级事件: 错误未发生 (错误隐患)(包括损害程度A级)</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="伤害严重度" prop="resultsSeverityInjury" :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.resultsSeverityInjury" onclick="return false">
                <el-radio label="01">死亡</el-radio>
                <el-radio label="02">极度严重</el-radio>
                <el-radio label="03">重度</el-radio>
                <el-radio label="04">中度</el-radio>
                <el-radio label="05">轻度</el-radio>
                <el-radio label="06">未造成伤害</el-radio>
                <el-radio label="07">无伤害</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-form>
        </div>

      </div>


      <!--  报告者信息-->
      <div style="width: 100%">
        <div class="bname" ref="block8" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">报告者信息
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm6" :model="reportForm" label-width="140px">
            <el-form-item label="事件呈报方式" prop="reportMethod" :rules="[{required: true}]">
              <el-radio-group v-model="reportForm.reportMethod" onclick="return false">
                <el-radio label="01">主动呈报</el-radio>
                <el-radio label="02">投诉</el-radio>
                <el-radio label="03">他人报告</el-radio>
                <el-radio label="04">质量检查发现</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="其他信息备注" style="width: 600px" prop="reportOtherRemarks">
              <el-input type="textarea" :rows="5" v-model="reportForm.reportOtherRemarks" resize="none"
                        placeholder="请输入内容" :readonly="true"></el-input>
            </el-form-item>
            <!--上传图片-->
            <el-form-item label="附件图片" prop="reportAttachedImages">
              <image-upload :limit="1" v-model="reportForm.reportAttachedImages" :readonly="true"/>
            </el-form-item>
          </el-form>
        </div>
      </div>

    </div>

  </div>
</template>


<script>
import ScrollPane from "@/layout/components/TagsView/ScrollPane";
import {addBasic, getBasic} from "@/api/module/xj/basic";

export default {
  dicts: ['he_undesirable_report_type', 'he_department_name', 'he_administration_route', 'he_undesirable_dosage_form', 'he_undesirable_unit', 'he_patient_status', 'undesirable_drug_type', 'he_piping_type', 'he_report_event_type', 'he_medication_error_type', 'he_education', 'he_patient_gender', 'he_party_post', 'he_report_event_state', 'he_report_event_type', 'he_patient_age_grades', 'he_event_severity', 'he_review_status', 'he_report_status', 'he_position', 'he_event_classification', 'he_review_event_type', 'he_possibility_of_dispute', 'he_patient_involved', 'he_patient_ethnic_group', 'he_fallback_status', 'he_occurrence_time_period', 'he_event_determinatione', 'he_situation_measures_event', 'he_patient_education_level', 'he_diagnosis_category', 'he_years_of_experience', 'he_severity_of_injury', 'he_reporting_method', 'he_patient_nursing_level', 'he_date_type', 'he_invalidation_status', 'he_patient_ethnic_group', 'he_category', 'he_handling_status'],
  components: {ScrollPane},
  data() {
    return {
      checkList: [],
      checkList2: [],
      formEvent: {
        //代表是事件基本信息表
        heEventBasic: {},
        //代表事件上传信息表
        heEventReport: {},
        //代表事件流程表
        heEventFlow: {},

      },
      basicForm: {
        ulcersnamnesis: '',
        ulcersEvaluationTime: '',
        ulcersEvaluateScore: '',
        ulcersAssessmentTools: '',
        ulcersRiskAssessment: '',
        ulcersPrecautions2: '',
        ulcersEvaluateDiscovery: '',
        ulcersPrecautions: '',
        ulcersHeight: '',
        ulcersWeight: '',
        ulcersBmi: '',
        ulcersHaemoglobin: '',
        ulcersAlbumin: '',
        ulcersDropsy: '',
        ulcersPressureType: '',
        ulcersTimeOccurrence: '',
        ulcersPressureUlcerSite: '',
        ulcersMeasurement: '',
        ulcersSneak: '',
        ulcersPressureStag: '',
        ulcersPatientGoes: '',
        ulcersPressureOutcome: '',
        ulcersTurnaroundTime: '',
        ulcersInformationCollection: '',
        ulcersInjuryWard: '',
        ulcersTwoWard: '',
        ulcersThreeWard: '',
        ulcersFourWard: '',
        ulcersDamageWard: '',
        ulcersInstallableWard: '',
        ulcersMucosalWard: '',
        ulcersMedicalDamage: '',
        ulcersTwoMedical: '',
        ulcersThreeMedical: '',
        ulcersFourMedical: '',
        ulcersDamageMedical: '',
        ulcersInstallableMedical: '',
        ulcersMucosalMedical: '',
        drugReaction2: '',
        undesc: '',
      },
      reportForm: {
        reportEventType: '01',
        reviewEventType: '01',
        situationEdescriptionProcess: '',
        pipelineDateCatheterization: '',
        situationMeasuresEvent: '',
        situationTakenMeasures: '',
        patientInvolved: '',
        patientId: '',
        patientNumber: '',
        patientDiagnosisCategory: '',
        patientRecordOutpatient: '',
        patientName: '',
        patientGender: '',
        patientDateOfBirth: '',
        patientAge: '',
        patientAgeStage: '',
        patientEthnicGroup: '',
        patientWeight: '',
        patientPreDisease: '',
        patientContact: '',
        patientFamilyNumber: '',
        patientAdmissionTime: '',
        patientDepartment: '',
        patientBedNumber: '',
        patientNursingLevel: '',
        patientEducationLevel: '',
        patientDiagnosis: '',
        occurrenceTime: '',
        occurrenceDate: '',
        occurrenceDateType: '',
        occurrenceTimePeriod: '',
        occurrenceLocation: '',
        occurrenceScenePhotos: '',
        partyName: '',
        partyAge: '',
        partyYearsOfExperience: '',
        partyCategory: '',
        partyEducation: '',
        partyPosition: '',
        partyPost: '',
        resultsPossibilityDispute: '',
        resultsEventSeverity: '',
        resultsEventClassification: '',
        resultsSeverityInjury: '',
        reportMethod: '',
        reportAttachedImages: '',
        note1: '',
      },
      //代表事件流程表
      flowForm: {},
      ageStageOption: [
        {
          value: '01',
          label: '新生儿'
        }, {
          value: '02',
          label: '1-6月'
        }, {
          value: '03',
          label: '7-12月'
        }, {
          value: '04',
          label: '1-6岁'
        }, {
          value: '05',
          label: '7-12岁'
        }, {
          value: '06',
          label: '13-18岁'
        }, {
          value: '07',
          label: '19-64岁'
        }, {
          value: '08',
          label: '65岁以上'
        }, {
          value: '09',
          label: '其他'
        },
      ],
      ageStageOption1: [ //科室
        {
          value: '信息科',
        }, {
          value: '外科',
        }, {
          value: '妇产科',
        }, {
          value: '麻醉科',
        }
      ],
      ethnicGroupOption: [],
      fileList1: [],
      fileList2: [],
    }
  },
  // 禁止web端屏幕缩放
  async created() {
    //获取上一个页面传过来的id
    const id = this.$route.query.id;
    //通过id查询
    await getBasic(id).then(response => {
      //获取后台传过来的表单
      this.formEvent = response.data;
      //将其对应赋值进行表单渲染
      this.basicForm = this.formEvent.heEventBasic
      this.reportForm = this.formEvent.heEventReport
    });
    await this.xian();
    /*window.addEventListener("mousewheel", function (event) {
      if (event.ctrlKey === true || event.metaKey) {
        event.preventDefault();
      }
    }, {passive: false})*/
  },
  methods: {
    xian() {
      //用于多选框反显
      this.checkList = this.pushCheckbox(this.basicForm.ulcersPrecautions)
      this.checkList2 = this.pushCheckbox(this.basicForm.ulcersInformationCollection)
    },
    //用于多选框反显
    pushCheckbox(str) {
      if (str == null) {
        console.log("多选框未全选中")
      } else {
        const boxlist = str.split(',');
        return boxlist;
      }
    },
  },
}

</script>

<style lang="scss" scoped>
@import "src/views/module/shao/blackFont";

.sidebar {
  margin-left: 3%;
  width: 10%;
  float: left;
  display: flex;
}

.content {
  width: 87%;
}

.btn-box {
  position: fixed;
  margin-top: 1%;

  ::v-deep .el-card__body {
    padding: 15px 15px 15px 5px;
  }
}

.btn-box button {
  text-align: left;
  padding: 0 0 0 10px;
  display: block;
  width: 150px;
  height: 40px;
  border: none;
  cursor: pointer;
}

.btn-box button:hover {
  background: hsl(221, 98%, 68%);
  color: white;
}

.block {
  border: 1px solid white;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 5rem;
  box-sizing: border-box;

  .el-form-item {
    margin-bottom: 10px;
  }
}

.bname {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: black;
}

</style>
